<!DOCTYPE html>
<!-- Reader -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/iconfont.css">
    <link rel="stylesheet" href="/css/librarian_login.css">
    <style>
    a:link {text-decoration:none;}    /* unvisited link */
   a:visited {text-decoration:none;} /* visited link */
   a:hover {text-decoration:underline;}   /* mouse over link */
   a:active {text-decoration:underline;}  /* selected link */
    #section {
     color:black;
    text-align:center;
    font-size:18px;
    padding:30px;
    }
    </style>
</head>
<body id="bg">

<div class="main clearfix">
    <form action="/welcome" method="post">
        <header class="header clearfix">
            <i class="iconfont icon-yun"></i>
            <i>Library</i>
        </header>
        <footer class="footer">
            <i class="yun iconfont icon-yun"></i>
            <i class="des">Library</i>
            <p>Shan ICP number18018134 | Powered by 1713011</p>
        </footer>
    </form>
</div>
<div id="section">
    <form action="/user/login" method="post">
        <br>
        <br>
        <br>
        <img src="/images/librarian.png" width="160" height="160"><br>
        <br>
        <br>
        phonenumber:<input name="phonenumber" type="type" required="required" style="height:25px;width:200px"><br>
        <br>
        &emsp;&emsp;&emsp;&emsp;&emsp;password:<input name="password" type="password" required="required" style="height:25px;width:200px"> <br>
        <br>
        new user please click <a href="/admin/regi">here</a> to register<br>
        <br>
        <p style="color: black" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p><br>
        <input type="submit" value="Login" style="font-size:20px; width:80px;height:30px;background-color:black;color:white">
    </form>
</div>
</body>
</html>